import React from 'react'
import { useLocation } from 'react-router-dom'
import qs from 'qs';
export default function Music() {
    /* 
        调用useLocation可以获取当前的路由地址信息
            -path:当前的路由参数地址
            -search:查询字符串形式的路由传参
    */
    const location = useLocation()
    console.log(location,'musci location');
    const {user,id} = qs.parse(location.search.split('?')[1])
    console.log(user,id);
    
    const musicList = location.state
    console.log(musicList);
  return (
    <div>Music
        <br />
        <p>用户名是{user} 编号是{id}</p>
        <ul>
          {
            musicList.map(item => {
              return <li key={item.id}>{item.name}</li>
            })
          }
        </ul>
    </div>
  )
}
